@charset "utf-8";

*{margin:0;padding:0}
body{overflow:hidden;overflow-y:auto;background:#fcebd1;font-size:13px;font-family:arial;-webkit-text-size-adjust:none;line-height:1.62;text-align:justify;text-justify:inter-ideograph}
html,body{overflow: hidden;overflow-y:auto;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none;}
em{font-style:normal}
img{border:none;}
input,img{vertical-align:middle;}
q:before, q:after { content:'' }
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{*zoom:1;}
a{color:#222;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active{color:#222;-webkit-tap-highlight-color:#fff;}
section,aside,header,footer,hgroup,article{display:block}
.bg-cd80bc{background: #cd80bc}
.index-main{display: none}
.img-guide,.img-index,.img-house{position:absolute;left:0;top:0;width: 100%;z-index:1;}
.img-guide img,.img-index img,.img-house img{width:100%;}
.img-index{z-index: 2}
/*.ico-guide-grid{position: absolute;left:50%;top:30px;z-index:6;width:189px;height:224px;margin-left:-95px;background: url(../images/ico-guide-grid.png) no-repeat;background-size: 189px 224px}
.ico-guide-logo{position: absolute;left:50%;top:46px;z-index:8;width:166px;height:224px;margin-left:-83px;background: url(../images/ico-guide-logo.png) no-repeat;background-size: 166px 224px}
.ico-guide-more{position: absolute;left:50%;top:290px;z-index:10;width:60px;height:24px;margin-left:-30px;padding-top:50px;background: url(../images/ico-guide-more.png) center top no-repeat;background-size: 45px 45px;font-size: 14px;color:#fff;text-align:center;line-height: 24px}
*/

.ico-index{overflow:hidden;position: absolute;display:none;left:50%;top:60px;z-index:10;width:300px;height:400px;margin-left:-150px}
.ico-index-logo{width: 240px;height: 63px;margin:0 auto;background:url(../images/ico-index-logo.png) no-repeat;background-size: 240px 63px}
.index-nav{position:relative;width:250px;height:236px;margin:60px auto 0;}
.ico-nav{position: absolute;transform:rotate(-45deg) translateZ(0);-webkit-transform:rotate(-45deg) translateZ(0);-ms-transform:rotate(45deg) translateZ(0); -moz-transform:rotate(45deg) translateZ(0);-o-transform:rotate(45deg) translateZ(0);}
.ico-nav-1{left:-80px;top:-1px;width:159px;height: 159px;background:url(../images/ico-nav-1.png) no-repeat;background-size: 159px 159px}
.ico-nav-2{left:38px;top:-122px;width:165px;height: 164px;background:url(../images/ico-nav-2.png) no-repeat;background-size: 165px 164px}
.ico-nav-3{right:-43px;top:10px;width:150px;height: 78px;background:url(../images/ico-nav-3.png) no-repeat;background-size: 150px 78px}
.ico-nav-4{right:-42px;top:129px;width:150px;height:78px;background:url(../images/ico-nav-4.png) no-repeat;background-size: 150px 78px}
.ico-nav-5{right:35px;top:44px;width:70px;height: 70px;background:url(../images/ico-nav-5.png) no-repeat;background-size: 70px 70px}
.ico-nav-6{left:81px;top:99px;width:82px;height: 81px;background:url(../images/ico-nav-6.png) no-repeat;background-size: 82px 81px}
.ico-nav-7{left:21px;top:158px;width:70px;height: 70px;background:url(../images/ico-nav-7.png) no-repeat;background-size: 70px 70px}
.index-tel{margin-top:-20px;text-align: center;color:#fff;}
.index-tel h5{font-size: 20px;}
.index-tel h5 a{border-bottom: 1px solid #fff;color:#fff;}
.index-tel p{font-size: 12px}
.ui-return{position:absolute;left:26px;top:-24px;width:45px;height: 92px;background:url(../images/ico-return.png) no-repeat;background-size: 45px 92px;z-index: 100}
.bg-house{background:#91b9cc url(../images/bg-house.png)}
/*.bg-about{background:#d6ee8f url(../images/bg-about.png)}*/
.bg-movie{background:#fcd783 url(../images/bg-movie.png)}
.bg-news{background:#faeab6 url(../images/bg-news.jpg) center top repeat;background-size: 640px 480px;}
.ico-camera{position:absolute;left:10px;top:226px;width:98px;height: 62px;background:url(../images/ico-camera.png) no-repeat;background-size: 98px 62px;z-index: 90}

.bg-f7d27f{background:#f7d27f}


.ui-ringnavi{position:fixed;left:10px;bottom:10px;width: 57px;height:57px;padding:5px;background: url(../images/ico-subnav.png) center no-repeat;cursor: pointer;z-index: 10}
.ico-subnav{position: absolute;left:0;top:0;width:44px;height: 44px;background-position: center;background-repeat: no-repeat;opacity: 0;-webkit-transition: -webkit-transform .2s ease-in, color .2s ease-in;
  -moz-transition: -moz-transform .2s ease-in, color .2s ease-in;
  -o-transition: -o-transform .2s ease-in, color .2s ease-in;
  -ms-transition: -ms-transform .2s ease-in, color .2s ease-in;
  transition: transform .2s ease-in, color .2s ease-in;}
.ico-subnav-tel{background-image: url(../images/ico-subnav-tel.png)}
.ico-subnav-loc{background-image: url(../images/ico-subnav-loc.png)}
.ico-subnav-house{background-image: url(../images/ico-subnav-house.png)}
.ico-subnav-act{background-image: url(../images/ico-subnav-act.png)}

.ui-slider{overflow: hidden;position:relative;width:100%;height:200px;}
.tab-pannel{width:100%;height:200px;}
.pagination{position:absolute; left:50%;top:160px;width:50px;height:5px;margin-left:-25px;z-index: 20}
.pagination li{float: left;width:6px;height: 6px;margin:0 2px;}
.pagination li a{display: block;width:6px;height: 6px;border-radius:3px;background: #fff}
.pagination li.current a{background: #92b7c7}

.about-slider .pagination{top:180px;width:30px;margin-left:-15px;}
.about-slider .pagination li.current a{background: #fc9a7d}
.about-slider img{width:100%;height:200px;}

.project-slider .pagination{top:180px;width:45px;margin-left:-22px;}
.project-slider .pagination li.current a{background: #a76da2}
.project-slider img{width:100%;height:200px;}

.movie-slider .pagination{top:180px;width:40px;margin-left:-20px;}
.movie-slider .pagination li.current a{background: #a76da2}
.movie-slider img{width:100%;height:200px;}

.ui-main{width: 100%;min-width: 300px;margin:auto;}
.ui-box{border-top:2px solid #f6ede8}
.ui-h5{position:relative;height: 48px;background-color: #c8a063;background-position:12px center;background-repeat:no-repeat;background-size: 28px 28px;font-size: 18px;text-indent: 50px;color:#540000;line-height: 48px}
.ico-plus{position: absolute;right:20px;top:0px;width:24px;height: 41px;background:url(../images/ico-plus.png) center no-repeat;}
.ico-minus{background-image:url(../images/ico-minus.png);}
.ui-block{display:none;padding:10px}
.ui-block p{margin:6px 0;}
.ui-blockitem{font-size:15px;margin:6px auto;text-align: left;text-indent:10px;font-weight: bold;background-color:#fc9a7d;}
.ui-blockitem,.ui-blockitem a{color:#fff;display: block;padding:3px 0;}
.ui-blockitem img{width: 13px;height: 13px;margin-top:-3px;}
.ui-blockdetail{padding:6px 0;}

.ui-videomod{width:100%;height:200px;}
.ui-videomod iframe{display: none}
.tc{text-align: center;}
.ui-video{width: 100%}

.am-h5-1{background-image:url(../images/ico-about-1.png);}
.am-h5-2{background-image:url(../images/ico-about-2.png);}
.am-h5-3{background-image:url(../images/ico-about-3.png);}
.am-h5-4{background-image:url(../images/ico-about-4.png);}
.am-h5-5{background-image:url(../images/ico-about-5.png);}
.pm-h5-1{background-image:url(../images/ico-project-1.png);}
.pm-h5-2{background-image:url(../images/ico-project-2.png);}
.project-main .ui-box{border-color:#d27eba;}
.project-main .ui-h5{background-color: #d27eba}
.project-main .ui-blockitem,.project-main .ui-blockitem a{color:#fff;}
.project-main .ui-blockitem{background-color:#d27eba;}

.body-detail .ui-return{right:12px;left:auto;}
.body-detail .ui-block{display: block;}
.ui-block h5{font-size: 16px;padding:3px 0;font-weight: bold;}
.ui-block h6{font-weight: bold;font-size: 14px}
.ui-block p{margin:4px 0;}
.ui-block p img{width:100%;}
.movie-main{padding:0px 0 10px;text-align: center;}
.mm-title{padding-bottom:20px;font-size: 16px;color:#7b5700;}
.news-main{position:absolute;left:0;top:36px;width: 100%;z-index:2;}
.news-main li{width:88%;margin:10px auto}
.news-main li a{display: block;width:100%;}
.nm-img{width: 100%;}
.nm-t{position:absolute;left:0;top:-36px;width:100%;height: 36px;background:rgba(3,195,195,.6);color:#fff;text-indent:8px;font-size:16px;line-height: 36px}
.nm-txt{position:relative;display:block;padding:10px;background-color: #fff;}
span.nm-txt>a,span.nm-txt>i{display: inline-block;width: 49%;color: #888;}
span.nm-txt>a{text-align: right;}
.house-nav{position: absolute;left:50%;top:66px;width:276px;height: 276px;margin:0 0 0 -138px;z-index: 2}
.house-nav li{float: left;width: 118px;height: 124px;margin:7px 10px;background-position: center;background-repeat: no-repeat;background-size: 118px 124px}
.house-nav li.house-nav-1{background-image: url(../images/ico-house-1.png)}
.house-nav li.house-nav-2{background-image: url(../images/ico-house-2.png)}
.house-nav li.house-nav-3{background-image: url(../images/ico-house-3.png)}
.house-nav li.house-nav-4{background-image: url(../images/ico-house-4.png)}
.house-nav li>a{width: 100%;height: 100%;display: block;}
/*.house-nav li:first-child{padding:0 66px}*/

/* house */

.houseType-slider{position: relative;}
.houseType_prev{width: 22.5px;height:44px ;background-image:url(../images/houseType_prev.png); ;background-size:22.5px 44px ;display: block;position: absolute;top:20px;left: 10px;}
.houseType_next{width: 22.5px;height:44px ;background-image:url(../images/houseType_next.png); ;background-size:22.5px 44px ;display: block;position: absolute;top:20px;right: 10px;}
.houseType-slider .tab-pannel{text-align: center; }

/*.houseType-slider img{width: 69px;height: 62.25px;opacity: 0.6;margin: auto;margin-top: 15px;}*/
.houseType-slider .img{width: 92px;height: 87px;opacity: 0.6;margin: auto;margin-top: 15px;background-size: 69px 62.25px; background-repeat: no-repeat;}
.houseType-slider .houseType-current{width: 92px;height: 87px;opacity: 1;margin-top: 5px;background-size: 92px 87px;}
.houseType-slider .houseType-nocurrent{background-size: 69px 62.25px;}
.houseType-slider .C_tab_pannel_1{background-image: url(../images/house_type_70.png);}/*70M2*/
.houseType-slider .C_tab_pannel_2{background-image: url(../images/house_type_87.png);}/*86M2*/
.houseType-slider .C_tab_pannel_3{background-image: url(../images/house_type_86.png);}/*87M2*/
.houseType-slider .C_tab_pannel_4{background-image: url(../images/house_type_114.png);}/*114M2*/


.houseType-slider .tab-pannel{width:320px;height:87px;width:92px; }


.tab-content{position: relative;}


.house-cut-tab{width: 100%;height: 35px;border-bottom:1px solid #fff;position: relative;}
.house-cut-tab>a{width:49%;height: 32.5px;display: block;color: #fff ;font-weight: bolder;float: left;text-align: center;font-size: 18px;margin-top: 2px;}
.house-cut-tab>a.selected{color: #136084;width:50%;}

.house-cut-tab>.house-border{border-left:1px solid #fff;width: 0px;height: 32.5px;position: absolute;left: 50%;margin-left:-0.5px;top: 1px; }

/*house-slider*/
.house-slider{width: 100%;margin: auto;position: relative;}
.house-slider .tab-pannel{width: 320px;text-align: center;height: 290px;}
.house-slider .pagination{position: absolute;bottom:5px;top:auto;z-index: 9999999;width: auto;left: 50%;
/*-webkit-transform:rotate(180deg); */
margin-left: -36px;}
.house-slider .pagination li{float: left;}
.house-slider img{height: 292px;}
.house-slider .tab-img-box{width: 320px;height: 290px;margin: auto;position: relative;}
.house-slider .current-house-txt{width: 307px;height: 60px;background-color: rgba(0,0,0,0.4);position: absolute;bottom:0px;color: #fff;
          font-size: 14px;text-align: left;padding-left: 15px ;padding-top: 10px ;left: 50%;margin-left: -160px;display: block;z-index: 9999;line-height:20px; }

.house-slider .tab-img-box a.housePhoto-query{background-image: url(../images/icon-query.png);width: 32px;height: 28.5px;background-size: 32px 28.5px;position: absolute;top: 35px;right: 25px;}

.share-tips{position:absolute;top: 0px;z-index: 99999;width: 100%;text-align: center;height: auto;}
.share-tips>{margin: auto;}
a.share-tips-close{width: 22px;height: 22px;background-color: #000;font-size: 15px;color: #fff;border-radius: 10px;position: fixed;top: 0px;right: 0px;display: block;}


.foot{width:95%;min-width:320px;margin-top:10px;padding:10px 0;color:#cfaa72;text-align:right; position: fixed;right: 5%;bottom: 10px;}
.foot a{color:#c0a291;margin:0 3px;}


.loading {
    position: fixed;
    top: 30%;
    left: 50%;
    margin: -14px 0 0 -42px;
    padding: 10px;
}

.loading-dot {
    float: left;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: #fff;
  
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  
    opacity: 0;
  
    -webkit-box-shadow: 0 0 2px black;
    -moz-box-shadow: 0 0 2px black;
    -ms-box-shadow: 0 0 2px black;
    -o-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
  
    -webkit-animation: loadingFade 1s infinite;
    -moz-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite;
}

.loading-dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.loading-dot:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.loading-dot:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading-dot:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

@-webkit-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@-moz-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

.animated {
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animated.slow {
  -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
  100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
  100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
  100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
  100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

/*wikimo*/
.slide img{
  width: 100%;
}
.about-main{
  margin-bottom: 15%;
}

.ui-box .active{
  background: #850001;
  color: #fff;
}

.news-list{
  width: 90%;
  margin: auto;
}

.news-item{
  width: 100%;
  margin-bottom: 5%;
}
.news-item img{
  width: 100%;
}
.news-item .pic{
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.news-item .bg{
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 50px;
  width: 100%;
  min-width:300px;
  z-index: 1;
  filter:alpha(Opacity=60);
  opacity: 0.6;
  background: #310b07;
}

.news-item h1{
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
  color: #fff;
  text-indent: .5em;
  font-size: 18px;
  line-height: 2em;
}

.news-item h2 a{
  font-size: 14px;
  line-height: 2em;
  color: #3d2a2a;
}

.news-item .info{
  background: #fff;
  padding: 2% 5%;
}

.news-item .info p,.news-item .info p a{
  color: #a4a4a4;
  font-size: 14px;
  line-height: 2em;
}

.news-item .info cite{
  float: left;
  font-style: normal;
}

.news-item .info .news-show{
  float: right;
  width: 40%;
  margin: 0;
  text-align: right;
}

.bg-h-title{position:relative;width:100%;height:50px;background-color:#850001;box-shadow:1px 1px 2px #000;z-index:999;text-align:center;color:#fff;font-size: 18px;line-height: 2.5em}
.bg-h-title a{position: absolute;left:10px;top:0px;width:24px;height:24px;}
.bg-h-title img{width: 23px;height: 50px}

.news-show{
  width: 90%;
  margin: 3% auto;
}

.news-show h1{
  font-size: 22px;
  color: #540000;
  text-align: center;
  line-height: 2em;
}
.news-show cite{
  font-size: 14px;
  font-style: normal;
  line-height: 2em;
  color: #a4a4a4;
  display: block;
  text-align: center;
}
.news-show .content{
  color: #3d2a2a;
  font-size: 16px;
  line-height: 2em;
}

.news-show .content p{
  margin-bottom: 10px;
}

.home-index{
  /*background: #530000 url(../images/index.png) no-repeat center center;*/
  background: #530000;
  position: relative;
  width: 100%;
 

}
.index-btns{
  position: absolute;
  bottom: 14%;
  width: 100%;
  height: 40%;
}
.index-btn{
  width: 50%;
  float: left;
  height: 50%;
  display: block;
}
.home-index-bg{
  width: 100%;
}

.no-pd{
  padding: 0;
}

.news-category{
  background: #c8a063;
  padding: 15px 0 ;
}
.news-category a{
  width: 48%;
  display: inline-block;
  text-align: center;
  color: #540000;
  font-size: 16px;
}
.news-category .br{
  border-right: 1px solid #b58234;
}

.join{
  background: #fdf8ef;
  border-radius: 5px;
  padding:20px;
  position: relative;
}
.join cite{
  position: absolute;
  top:20px;
  right: 20px;
}
.join .form-group{
  margin-bottom: 10px                          ;
}
.join .form-group label{float: left;}
.join .form-group input{
  border: 1px solid #e1caa7;
  border-radius: 3px;
  line-height: 2em;
  padding: 3px;
}
.join .form-group button{
  background: #c8a063;
  border: none;
  color: #594235;
  padding: 8px 12px;
  border-radius: 3px;
  margin-left: 22%;
}

.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;}
* html .cc {height: 1%;}
.cc {display: block;}
.c{clear:both;font:0px/0px Arial;overflow:hidden;height:0;width:0;}